html 
{	
	background:url('../Images/bg3.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#000;
	height: 100%;
	width: 100%;
	min-height: 100%;
}

body {
font-family: Calibri;
height: 100%;
min-height: 100%;
width: 100%;
/*background-repeat: no-repeat;
background-size: cover;
background-position:center center;
background-attachment: fixed;  
background-color:#000;
*/
color:#000;
margin-top:0px;
}

a
{
cursor:pointer;
text-decoration:none;
color:#000;
}

a:hover
{
color:#1f005e;
}

textarea
{
font-family:Calibri;
font-size:12px;
background-image:url('../IMAGES/bg-inputs.gif');
background-repeat:repeat-x;
width:98%;
border-collapse:collapse;
border:1px solid #ccc;
}

#txtID /*input[type='text']*/ {
    background-image: url('../IMAGES/bg-inputs.gif');
    background-repeat: repeat-x;
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 98%;
}

input[type='password']
{
background-image:url('../IMAGES/bg-inputs.gif');
background-repeat:repeat-x;
border-collapse:collapse;
border:1px solid #ccc;
width:98%;
}

#Page{
width:1200px; 
/*background:#000;*/
border:0px solid #e3c38d;
}

#Header
{
width:100%;
min-height:50px;
border-bottom:0px solid #1f005e;
text-align:left;
}

#Panel
{
float:right;
width:10px;
}

#Content
{
width:100%;
min-height:490px;
}

#Footer
{
width:100%;
float:left;
height:30px;
font-size:12px;
color: #fff;
/*background-color:#000;*/
border-top:0px solid #1f005e;
display:none;
}

#Footer1
{
width:100%;
float:left;
height:30px;
font-size:12px;
color: #fff;
/*background-color:#000;*/
border-top:0px solid #1f005e;
display:inline;
}

#clearfix
{
/*background-color:#000;*/
height:20px;
}

#LeftPane
{
width:100%;
float:left;
min-height:700px;
text-align:left;
padding: 0 10px 10px 10px;
color:#fff;
font-size:12px;
}

#LeftPaneStrip
{
/*background-image:url('../Images/bg_Strips.jpg');*/
background-color:#1f005e;
background-repeat:repeat-x;
height:20px;
padding-top:5px;
}

#RightPaneUpper
{
position: fixed;
top: 50%;
left: 50%;
 -webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding-top:0px;
padding-right:0px;
width:550px;
min-height:320px;
background-repeat:no-repeat;
background-color:#fff;
text-align:center;
border:0px solid #1f005e;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
}

#RightPaneUpperStrip
{
/*background-image:url('../Images/bg_Strips.jpg');*/
background-color:#250070;
background-repeat:repeat-x;
height:20px;
padding-top:5px;
color:#fff;
font-size:12px;
}

#RightPaneLower
{
width:19%;
padding-right:10px;
float:right;
margin-top:15px;
min-height:210px;
background-repeat:no-repeat;
/*background-color:#000;*/
text-align:left;
color:#fff;
font-size:12px;
}
#RightPaneLowerStrip
{
/*background-image:url('../Images/bg_Strips.jpg');*/
background-repeat:repeat-x;
background-color:#1f005e;
height:20px;
padding-top:5px;
color:#fff;
font-size:12px;
}

#CenterUpperPane
{
padding-top:5px;
padding-right:20px;
width:100%;
background-repeat:no-repeat;
background-color:#1f005e;
text-align:center;
border:1px solid #fff;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
}

#buttonSubmit
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-moz-border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
#buttonSubmit:hover
{
background-color:#fff;
color:#1f005e;
}
#buttonCancel
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-moz-border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
-moz-border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}
#buttonCancel:hover
{
background-color:#fff;
color:#1f005e;
}

#buttonClear
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#buttonClear:hover
{
background-color:#fff;
color:#1f005e;
}

#Error
{
width:90%;
border:0px;
height:46px;
background-image:url('../IMAGES/ErrorStrip.png');
background-repeat:no-repeat;
color:#000;	
}

#Success
{
width:100%;
border:0px;
height:46px;
background-image:url('../IMAGES/SuccessStrip.png');
background-repeat:no-repeat;
color:#000;	
}

#Warning
{
width:100%;
border:0px;
height:46px;
background-image:url('../IMAGES/WarningStrip.png');
background-repeat:no-repeat;
color:#000;	
}


#tblList{
color:#000;
}

#tblList a:hover{
color:#000;
}

#tblList tr:hover td {
background:#1f005e;
cursor:pointer;
color:#000;
}

fieldset 
{
	border: dashed 1px #8E5563;
}

fieldset legend 
{
	font-weight:bold;
}

#mycapcha 
{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none;	
}

#TotalRegPane 
{
	float:left;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;
	padding-bottom: 15px;
}

#TotalDepositPane 
{
	float:right;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;
	padding-bottom: 15px;
}

#LastDepositPane 
{
	float:right;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;
	padding-bottom: 15px;
}

#LastRegPane 
{
	float:left;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;	
	padding-bottom: 15px;
}

#TotalWithdrawalPane 
{
	float:left;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;
	padding-bottom: 15px;
}

#LastWithdrawalPane 
{
	float:left;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;
	padding-bottom: 15px;
}

#LoyaltyPane 
{
	float:left;
	background-color: #000;	
	color: #fff;
	width: 100%;
	min-height: 160px;
	font-size: 15px;
	display: table-cell;
	-moz-border--radius: 5px;
	-webkit-border--radius: 5px;
	border-radius: 5px;	
	padding-bottom: 15px;
}

#UserChartPane
{
	text-align: left;	
}

#UserDashboardPane 
{	
}

#SupplierPane table tr td {
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

#SupplierPane table tr td:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#SupplierPane table tr td img {
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

#SupplierPane table tr td img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
	
.buttonClear
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.buttonClear:hover
{
background-color:#fff;
color:#1f005e;
}

.buttonCancel
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-moz-border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;
-moz-border-bottom-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.buttonCancel:hover
{
background-color:#fff;
color:#1f005e;
}

.buttonSubmit
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-moz-border-top-left-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.buttonVoucher {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    width: 90px;
    height: 30px;
    border-collapse: collapse;
    border: 0px;
    color: #fff;
    background-color: #1f005e;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    
}
.buttonSubmit:hover
{
background-color:#fff;
color:#1f005e;
}

.buttonRound
{
font-family:Calibri;
font-size:12px;
font-weight:bold;
width: 90px;
height:30px;
border-collapse:collapse;
border:0px;
color:#fff;
background-color:#1f005e;
border:1px solid #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.buttonRound:hover
{
background-color:#fff;
color:#1f005e;
}

#fork {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
}

.legend {
    width: 10em;
    border: 0px solid black;
}

.legend .title {
    display: block;
    margin: 0.5em;
    border-style: solid;
    border-width: 0 0 0 1em;
    padding: 0 0.3em;
}

.donate-now {
     list-style-type:none;
     margin:5px 0 0 0;
     padding:0;
}

.donate-now li {
     float:left;
     margin:0 5px 0 0;
    width:127px;
    height:35px;
    position:relative;
}

.donate-now label, .donate-now input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.donate-now input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.donate-now input[type="radio"]:checked + label {
    background:#e8c443;
    color: #000;
}

.donate-now label {
     padding:5px;
     border:1px solid #fff; 
     cursor:pointer;
     z-index:90;
     border-radius: 5px;
}

.donate-now label:hover {
    color: #000;
     background: #e8c443;
     -o-transition:.5s;
      -ms-transition:.5s;
      -moz-transition:.5s;
      -webkit-transition:.5s;
      /* ...and now for the proper property */
      transition:.5s;
}

.heart {
	color: #e00;
	animation: beat .25s infinite alternate;
	transform-origin: center;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.4); }
}




.text-kgi {
	color: #1f005e !important;
}